@media (max-width:1024px){
	#searchform input{width:84%}
	#nav ul li ul{left:100%}
}

@media (max-width:800px){
	#main{width:auto;float:none;margin-left:0;margin-right:0}
	#archive{position:static;width:auto;border-top:1px solid #3c3c3c;border-left:none;box-shadow:none;padding:0 3.4% 4%}
	#archive .widget{height:auto;margin-right:0;padding-right:0}
	#nav{top:0;right:0;bottom:auto;left:0;width:auto;height:auto}
	#nav ul{margin-top:0;margin-left:22%}
	#nav ul li{float:left;display:inline}
	#nav ul li ul{top:100%;left:0}
	#nav ul li ul li{display:block;float:none}
	#sitename{padding:55px 0 30px;text-align:left}
	#sitename h1{font-size:200%}
	#searchform{right:auto;top:5px;left:1%;width:16%;border:none;padding:0 0}
	#searchform input{width:100%;margin:0 0;padding:3px 5px}
	#page-location{box-shadow:0 0 2px black}
	#page-location + #wrap .blog-posts{margin:32px 0 0}
}

@media (max-width:560px){
	#nav ul{margin:0 0}
	#searchform{left:auto;right:0;width:auto}
	#searchform input{left:auto;right:0;width:84%}
	#search-result{right:3px;left:auto;top:30px}
}

@media (max-width:500px){
	#nav{position:fixed;z-index:99}
	#sitename{height:80px}
	#searchform{top:102px;right:0;left:0;padding:10px 0;background-color:#333}
	#searchform input{margin:10px auto 0;padding:5px 6px 6px;display:block;width:90%}
	#page-location{margin:32px auto 50px}
	#page-location + #wrap #searchform{top:-58px;padding-bottom:12px}
	#page-location + #wrap .blog-posts{margin:0 0}
}

@media (max-width:360px){
	#nav{border:none}
	#nav ul{height:auto}
	#nav ul li{width:50%}
	#nav ul li ul{width:100%;border-bottom:none}
	#nav ul li a{border:1px solid #3c3c3c;border-width:0 1px 1px 0}
	#nav ul li ul li{width:auto}
	#nav ul li ul li a{border-right:none}
	#sitename{margin-top:25px}
	#footer,#footer .left,#footer .right{float:none;display:block;text-align:center}
	#page-location{margin:62px auto 50px}
}